@charset "utf-8";
.greeting {display:flex; position:relative; align-content:start; align-items:start;}
.greeting>div {position:relative; width:calc(100% / 2); align-content:center; align-items:center; padding-bottom:100px;}
.greeting .txt>p {margin-bottom:40px; font-size:18px; line-height:180%;}
.greeting .sign .name span {margin-right:7px; font-size:18px;}
.greeting .sign {position:absolute; bottom:0;}
.greeting .sign p {margin-bottom:0 !important;}
.greeting .sign .name {font-weight:bold; font-size:36px;}
.greeting .sign .group {font-size:18px;}
.greeting .img {display:flex; position:relative; width:55%;}
.greeting .greeting_point1 {font-weight:bold; color:#1d69c7}
.greeting .greeting_point2 {font-weight:bold; color:#f77856}

.vision {display:block; text-align:center; padding-bottom:70px;}
.vision .vision_title {display:block; margin-bottom:-100px; z-index:5;}
.vision .vision_title .maintxt{display:inline-block; padding:40px 100px 30px; margin-bottom:20px; background:linear-gradient(45deg, #cdeb00 10%, #1d69c7 50%, #ff7b89); border-radius:100px;}
.vision .vision_title .maintxt span {color:#fff; font-size:52px; line-height:100%;}
.vision .vision_title .subtxt {display:block; padding:47px 0 170px; font-size:28px; font-family: 'gmarket-sans-ttf-light'; background:url('/img/sub/vision_tit_img.png') no-repeat center bottom;}
.vision .vision_motion {display:block; position:relative; overflow:hidden; width:100%; height:849px; margin-bottom:-40px;}
.vision .vision_motion .img {z-index:10;}
.vision .vision_motion::before { display: block; position: absolute; left: 0; top: 90px; content: ''; width: 100%; height: 760px; background: url(/img/sub/vision_motion_img2.png) no-repeat 50% 50%; animation: spin 30s infinite linear; -webkit-animation: spin 30s infinite linear; -moz-animation:spin 30s infinite linear; -ms-zoom-animation:spin 30s infinite linear; z-index:-1;}

.infoImg {display:block; position:relative; width:100%; margin-top:68px; padding-top:260px; background-repeat:no-repeat; background-position:left top; background-size:100%; animation:ani_3_1 0.2s 0.45s; animation-fill-mode:both; background-clip:border-box;}
.infoImg.bg_info {background-image:url('/img/sub/machine_info_img.png');}
.infoImg.bg_criterition {background-image:url('/img/sub/machine_criterition_img.png');}
.infoImg.bg_scope {background-image:url('/img/sub/machine_scope_img.png');}
.infoImg.bg_calc {background-image:url('/img/sub/machine_calc_img.png');}
.infoImg.bg_penalty {background-image:url('/img/sub/machine_penalty_img.png');}
.infoImg.bg_report {background-image:url('/img/sub/machine_report_img.png');}
.infoImg .flexsub .list {border-top:none !important;}

.resultBody {display:block;}
.resultBody>div {padding-bottom:50px;}
.resultBody .swiper-pagination{position:relative; bottom:0; text-align:center;}
.resultBody .swiper-pagination .swiper-pagination-bullet{margin:0 10px;}
.result_img {width:auto;}
.result_img>div {}
.result_img>div img {padding:8px; width:100%; height:100%; border:1px solid #e3e3e3; box-sizing:border-box;}
.result_img>div [class*=" imghvr-reveal-"] figcaption, .result_img>div [class^=imghvr-reveal-] figcaption {opacity:.745;}
.result_img>div [class*=" imghvr-"] figcaption, .result_img>div [class^=imghvr-] figcaption {background-color:#fff; top:250px;}
.result_img>div [class*=" imghvr-"] figcaption h3, .result_img>div [class^=imghvr-] figcaption h3 {color:#000; opacity:1;}
.result_img>div:hover [class*=" imghvr-"] figcaption, .result_img>div:hover [class^=imghvr-] figcaption {background-color:transparent; top:0; opacity:1;}
.result_img>div:hover [class*=" imghvr-"] figcaption h3, .result_img>div:hover [class^=imghvr-] figcaption h3 {color:#fff; font-weight:bold; font-size:24px; margin-top:30px; margin-bottom:150px; opacity:1;}
.result_img>div:hover [class*=" imghvr-"] figcaption p, .result_img>div:hover [class^=imghvr-] figcaption p {color:#fff; left:20px; bottom:30px;}
.result_img>div [class*=" imghvr-reveal-"]:before, .result_img>div [class^=imghvr-reveal-]:before {background:linear-gradient(45deg, #cdeb00, #ff7b89); opacity:.93;}

/*location*/
.map {position:relative;}
.map .mapAPI {display:block; position:relative; overflow:hidden; width:100%; height:663px; margin:30px auto 0; text-align:center; box-shadow:0 0 23px rgba(0,0,0,.13); background:#f3f3f3 url('/img/sub/location_map.jpg') no-repeat center bottom;}
.map .map_txt {display:table; position:relative; left:0; top:0; width:100%; padding:100px 40px; text-align:center;}
.map .map_txt li {display:table-cell; position:relative; width:33%; padding:0 50px; text-align:center;}
.map .map_txt li::after {position:absolute; right:0; top:0; width:1px; height:100%; content:''; background:rgba(0,0,0,.13);}
.map .map_txt li:last-child::after {display:none;}
.map .map_txt span {display:block; position:relative; font-size:1.05rem;  line-height:180%;}
.map .map_txt span.t {padding-top:150px; margin-bottom:15px; font-size:1.4rem; color:#fabb23; font-family:'gmarket-sans-ttf-bold';}
.map .map_txt span.t::before {position:absolute; left:29%; top:0; width:120px; height:120px; background:#f5f5f5; content:''; border-radius:100%; z-index:-3;}
.map .map_txt span.t::after {position:absolute; left:29%; top:30px; width:120px; height:120px; content:'';}
.map .map_txt .ic_add span.t::after {top:28px; background:url('/img/sub/ic_add.png') no-repeat center top;}
.map .map_txt .ic_phone span.t::after {background:url('/img/sub/ic_phone.png') no-repeat center top;}
.map .map_txt .ic_fax span.t::after {top:32px; background:url('/img/sub/ic_fax.png') no-repeat center top;}

/*brochure*/
.bruchurecont {display:flex; position:relative; align-content:center; justify-content:center; text-align:center;}
.bruchurecont .conts {display:flex; flex-direction:column; align-items:center;}
.bruchurecont .conts>div {margin-bottom:45px;}
.bruchurecont .contline{ width:1px; height:100px; background:#d7d7d7;}
.bruchurecont .imgBx {display:block; position:relative;}
.bruchurecont .imgBx a {display:inline;}
.bruchurecont .imgBx img {display:block; overflow:hidden; position:relative; width:73%; text-align:center; margin:0 auto 40px;}
.bruchurecont .imgBx a:hover img {box-shadow:0 12px 21px rgba(0,0,0,.19);}

/*program*/
.systemBoard .formBox {margin:0 auto;}
/*Scroll Down Motion*/
.animBlock {position: relative; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .23s ease-in; -moz-transition: all .23s ease-in; -ms-transition: all .23s ease-in; -o-transition: all .23s ease-in; transition: all .23s ease-in; }
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }
.animBlock[data-position="top"] { top: -20%;}
.animBlock[data-position="bottom"] { bottom: -20%;}
.animBlock[data-position="left"].viewed {left: 0%; opacity: 1; filter: alpha(opacity=100);}
.animBlock[data-position="right"].viewed {right: 0%; opacity: 1; filter: alpha(opacity=100);}
.animBlock[data-position="top"].viewed {top: 0%; opacity: 1; filter: alpha(opacity=100);}
.animBlock[data-position="bottom"].viewed {bottom: 0%; opacity: 1; filter: alpha(opacity=100);}
.s2.on{transform: translate(0,-100px); opacity:1;}
/*only PC ver.*/
@media screen and (max-width:1600px) {
	
}
@media screen and (max-width:1200px) {
	img {max-width:100%;}
	.greeting>div {padding-left:25px;}
	.vision .vision_motion {transform:scale(.8); background:url('/img/sub/vision_motion_img2.png') no-repeat center 75px; background-size:85%;}
	.vision .vision_motion::before {display:none;}
	.vision .vision_title {margin-bottom:-206px;}
	.map .mapAPI {background-position:center; }
	.map .map_txt li {width:30.3%; padding:0 50px;}
	.map .map_txt span.t::before, .map .map_txt span.t::after {left:10%;}
}
@media screen and (min-width:901px) {
	
}

/*only MOBILE ver.*/
@media screen and (max-width:900px) {
	.greeting {display:block; width:100%;}
	.greeting>div {padding-bottom:30px; width:90%; margin:0 auto;}
	.greeting .img {width:90%; margin:0 auto;}
	.greeting .sign {position:relative;}
	.vision .vision_title {margin-bottom:-119px; margin-top:70px;}
	.vision .vision_title .maintxt {padding:25px 33px 20px;}
	.vision .vision_title .maintxt span {font-size:32px; line-height:136%;}
	.vision .vision_title .subtxt {font-size:16px; padding:30px 0 186px; background-position:center top;}
	.vision .vision_motion {transform:none; height:100%; padding-bottom:100px; background-position:center 53px}
	.infoImg {padding-top:170px;}
	.infoImg.bg_info {background-image:url('/img/sub/machine_info_img_m.png');}
	.infoImg.bg_criterition {background-image:url('/img/sub/machine_criterition_img_m.png');}
	.infoImg.bg_scope {background-image:url('/img/sub/machine_scope_img_m.png');}
	.infoImg.bg_calc {background-image:url('/img/sub/machine_calc_img_m.png');}
	.infoImg.bg_penalty {background-image:url('/img/sub/machine_penalty_img_m.png');}
	.infoImg.bg_report {background-image:url('/img/sub/machine_report_img_m.png');}
	.result_img {display:block;}
	.result_img>div {display:block; border:0; width:100%; margin:0 auto; text-align:center;}
	.result_img>div img {border:1px solid #ddd;}
	.bruchurecont .conts>div {margin-bottom:20px;}
	.bruchurecont .contline {height:50px;}
	.bruchurecont .conts .imglogo {width:45%;}
}

@media screen and (max-width:680px) {
	.map .map_txt {padding:0;}
	.map .map_txt li {display:block; width:100%; padding:30px 0; text-align:center; margin:0 auto;}
	.map .map_txt li::after {display:none;}
	.map .map_txt span.t::before, .map .map_txt span.t::after {left:38%;}
}

/*MOBILE 480 이하*/
@media screen and (max-width:480px) {
	.map .map_txt span.t::before, .map .map_txt span.t::after {left:32%;}
}